/*!
 * Blog main style.
 *
 * @since: 1.0.0
 * @author Way Lau <https://waylau.com>
 */

Html, body {
    height: 100%;
}

/* Footer */
.blog-footer {
    bottom: 0;
    width: 100%;
    height: 60px;
    line-height: 60px; /* Vertically center the text there */
}

/* Index content*/
.blog-content-container {
    margin-top: 2.0em;
    background-color: #fff;
    min-height: -moz-calc(100% - (10px + 5px) * 2);
    min-height: -webkit-calc(100% - (10px + 5px) * 2);
    min-height: calc(100% - 148px);
}

/* Index sidebar */
.blog-avatar-50 {
    border-radius: 50%;
    height: 50px;
    width: 50px;
}

/* User space */
.blog-avatar-100 {
    border-radius: 50%;
    height: 100px;
    width: 100px;
}

.blog-avatar-230 {
    border-radius: 10%;
    height: 230px;
    width: 230px;
}

/* blog commit */
.blog-textarea {
    border-radius: 0;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 100%;
    height: 80px;
    padding: 5px 10px;
    border: 1px solid #ddd;
    border-radius: 3px;
    resize: none;
}

.blog-label-success {
    color: #5cb85c;
}

.blog-label-error {
    color: #d9534f;
}

/* blog avatar */
.blog-avatar-img {
    max-width: 100%;
}

/* 元素靠右 */
.blog-right {
    float: right;
    margin-right: 0px;
}

.blog-list-group-item {
    padding: .75rem 1.25rem;
    border: 1px solid rgba(0, 0, 0, .125);
}

/* 避免图片超出 */
article img {
    max-width: 100%;
}

/* go to top */
#goToTop {
    display: block;
    width: 40px;
    height: 40px;
    position: fixed;
    bottom: 60px;
    right: 60px;
    text-decoration: none;
}

#goToTop span {
    display: block;
    color: #dddddd;
}

#goToTop span:hover {
    color: #cccccc;
}

#md {
    height: 400px;
}

/*  blog view  */
.blog-type {
    border: 1px solid #e4ebf4;
    padding: 4px 8px;
    font-size: 14px;
    color: #78909c;
    position: absolute;
    top: 25%;
    margin-left: 10px;
}

.blog-collect {
    display: block;
    width: 54px;
    height: 54px;
    position: fixed;
    bottom: 110px;
    right: 50px;
    text-decoration: none;
}

/*   热门搜索   */
.suggest-result {
    position: absolute;
    top: 37px;
    left: 0px;
    z-index: 999;
    box-shadow: 0 8px 16px 0 rgba(7, 17, 27, .2);
}
.suggest-result li{
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    color: #787d82;
    cursor: pointer;
}
/*

*/

/*  博客分类按钮  */
.genre{
    margin-right: 10px;
    display: inline-block;
    padding: 3px 8px;
    color: #ffffff;
    border-radius: .25rem;
    background: #5BC0De;
    font-weight: 700;
    font-size: 14px;
}

/* 关注按钮  */
.follow-img{
    width: 36px;
}